Advanced customizations 高階定製

應用、定義或調整顏色，以打造精細調整且獨特的色彩體驗（這種自定義功能允許設計師或開發者根據特定品牌、使用者偏好或可訪問性需求，對顏色進行更精確的調整）。

組合多個配色方案（Combine Multiple Color Schemes）

可以在同一應用體驗中使用多種配色方案，例如：基準配色（Baseline） 與 基於內容的動態配色（Content-based dynamic color） 結合。使用者生成顏色（User-generated color） 與 內容顏色結合，適應不同 UI 元件。

為什麼使用多個配色方案？

• 適用於內容豐富的應用（如音樂、影片播放器），增強使用者體驗。

• 透過區域性動態配色突出重點內容（如專輯封面、影片縮圖）。

• 在相同 UI 內區分不同型別的資訊，提升層次感和可讀性。

最佳實踐

• 識別內容位置：選擇合適區域應用內容驅動色彩，提升體驗。

• 建立層次感：用色彩突出關鍵資訊，引導使用者注意力。

• 關聯內容：使用色彩區分和關聯列表中的相關資訊。

• 增強沉浸感：在全屏介面中運用內容色彩提升沉浸體驗。

• 內容與來源配對：確保色彩與內容來源對應，便於理解。

• 控制色彩來源：每屏最多使用兩種色彩來源。

• 保留語義色彩：保持錯誤提示紅色、成功反饋綠色等語義色彩。

Map or remap colors on UI elements對使用者介面元素上的顏色進行對映或重新對映

• 確保對比度：文字和圖示需4.5:1對比度。非文字元素需3:1對比度。

• 測試動態配色：切換主題（深/淺色等）驗證顯示效果。

• 避免靜態色值：使用Color Roles代替固定色值。靜態色值在主題切換時可能失效。

• 靈活調整：可自定義或微調顏色滿足需求。